<script setup lang="ts">
import useDialog from '@/hooks/useDialog';

const { visible, title, openDialog, closeDialog } = useDialog({ title: '应急预案' });
const url = ref('');
defineExpose({
  open: openDialog,
  close: closeDialog,
  url
});
</script>

<template>
  <el-dialog width="50%" :title="title" :draggable="true" :modal="false" v-model="visible" :before-close="closeDialog" append-to-body>
    <iframe :src="url" style="width: 100%; height: 70vh; border: none"></iframe>
  </el-dialog>
</template>

<style scoped lang="scss"></style>
